import React, { Component } from 'react'
import {BrowserRouter as Router,Route,Switch,Redirect,NavLink } from "react-router-dom"
import Movie from "./movie.jsx"
import Show from "./show.jsx"
import Viedo from "./video"
import { Tabbar } from 'react-vant';
import RouterView from '../router/routerView.js'
class All extends Component {

  render() {
    let {child} =this.props
    return (
      <div>
          {/* 这里是二级路由 */}
           <RouterView  RouterList={child}></RouterView>
            {/* <Route path="/all/show" component={Show}></Route>
            <Route path="/all/movie" component={Movie}></Route>
            <Route path="/all/video" component={Viedo}></Route>
            <Redirect to="/all/show" from="/all"></Redirect>  */}
           <Tabbar >
            <Tabbar.Item icon="home-o">
                    <NavLink to="/all/show">演出</NavLink>
            </Tabbar.Item>
            <Tabbar.Item icon="search">
                <NavLink to="/all/movie">电影</NavLink>
            </Tabbar.Item>
            <Tabbar.Item icon="friends-o">
                <NavLink to="/all/video">视频</NavLink>
            </Tabbar.Item>
            <Tabbar.Item icon="chat-o">
                <NavLink to="/my">我的</NavLink>
            </Tabbar.Item>
        </Tabbar>
      </div>
    )
  }
}

export default All